<template>
  <div class="footer">
    <div class="footer-inner">
      <div style="padding-top: 30px;">
        <div> 2020-2023.All Rights Reserved.</div>
        <div>我的网站</div>
      </div>
      <div class="flex-center" style="gap: 20px;cursor: pointer">
        <div @click="routeTo('/')">首页</div>
        <div @click="routeTo('/list')">景点</div>
        <div @click="routeTo('/hotel')">酒店</div>
        <div @click="routeTo('/train')">车票</div>
        <div @click="routeTo('/info')">个人中心</div>
      </div>
      <div style="text-align: center;">
        <img style="width:100px;height: 100px;" src="../assets/images/qr.png" alt="">
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
    };
  },
  methods: {
    routeTo(path) {
      this.$router.push(path)
    }
  }
};
</script>

<style lang="scss" scoped>
.footer {
  width: 100%;
  height: 200px;
  background: #666;
  padding: 50px 20px 50px 50px;
  color: #fff;
  .footer-inner {
    width: 80%;
    margin: 0 auto;
    display: flex;
    &>div {
      flex: 300px;
    }
  }

}
</style>